<template>
  <div class="res-box pt48">
    <img :src="s" />
    <div class="tit mt8">报送提交成功</div>

    <div class="mt14" style="color: #a6a8b4; font-size: 14px" v-if="dataShow">
      {{ `本次报送总人数${dataShow.totalCount}，成功报送${dataShow.successCount}人，报送失败${dataShow.failCount}人。` }}
    </div>
    <div class="mt14" style="color: #a6a8b4; font-size: 14px" v-if="dataShow">
      {{
        dataShow.failList && dataShow.failList.length !== 0 ? `${dataShow.failList[0].empName}等${dataShow.failList.length}人报送失败` : ""
      }}
    </div>
    <div style="color: #a6a8b4; font-size: 14px" class="desc mt12">报送需要一段时间 请稍后刷新查看</div>
    <!-- <div class="mt24">报送提交失败
      <a-button class="mr12" style="width: 108px" @click="$router.go(-1)"> 返回 </a-button>
      <a-button type="primary" style="width: 108px" @click="handleOk"> 重新提交 </a-button>
    </div>-->
    <div class="mt24">
      <a-button type="primary" style="width: 108px" @click="$router.go(-1)">确认</a-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: null,
      s: require("@/assets/taxCalculate/rs.png"),
      e: require("@/assets/taxCalculate/re.png")
    };
  },
  props: {
    dataShow: {
      type: Object,
      default: () => {}
    }
  },
  created() {
    console.log(this.dataShow);
  }
};
</script>

<style lang="scss" scoped>
.res-box {
  width: 400px;
  margin: 0 auto;
  text-align: center;
  img {
    width: 184px;
  }
  .tit {
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #3c3d43;
  }
  .desc {
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #a6a8b4;
  }
}
</style>
